﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Master/HomeMaster.Master" AutoEventWireup="true"
    CodeBehind="CreateAuthentication.aspx.cs" Inherits="CSP.Web.MyHome.Authentication.CreateAuthentication" %>

<asp:Content ID="CSPHead" ContentPlaceHolderID="CSPHead" runat="server">
    <meta charset="utf-8">
    <title>个人/机构认证</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
</asp:Content>
<asp:Content ID="CSPStyleAndScript" ContentPlaceHolderID="CSPStyleAndScript" runat="server">
    <script type="text/javascript" src="/Scripts/Validate/validate.js"></script>
    <script language="javascript" type="text/javascript">


        $().ready(function () {

            $("#MyHome").validate();

            S_CertificateTypeChange();
        });



        function S_CertificateTypeChange() {
            var optionValue = $("#<%=S_CertificateType.ClientID %>").val();
            if (optionValue == 0) {
                //$("#<%=TxtCertificateId.ClientID %>").attr("class", "{required:true,isIdCardNo:true,maxlength:25}");
                $("#<%=TxtCertificateId.ClientID %>").rules("add", { isIdCardNo: true });
            } else {
                //$("#<%=TxtCertificateId.ClientID %>").attr("class", "{required:true}");
                $("#<%=TxtCertificateId.ClientID %>").rules("remove", "isIdCardNo");

            }
        }
    </script>
</asp:Content>
<asp:Content ID="CSPCrumbs" ContentPlaceHolderID="CSPCrumbs" runat="server">
    <div class="crumbs">
        <span>您当前所在的位置：</span> <a href="/">首页</a> &gt; <a href="/MyHome/Account/Management.aspx">我的家园</a> &gt; <a href="/MyHome/Authentication/List.aspx">
            申请认证</a> &gt; <span>个人/机构认证</span>
    </div>
    <!--crumbs-->
</asp:Content>
<asp:Content ID="CSPRight" ContentPlaceHolderID="CSPRight" runat="server">

    <div class="pr10 home">
        <div class="tabs tabs-home mt10">
            <div class="tabs-nd">
                <ul class="tabs-hd">
                    <li class="trigger current"><asp:Label runat="server" ID="LB_AuthenticationTitle"></asp:Label></li>
                </ul>
                <div class="tabs-act">
                    <a href="#" class="fc-blue">为什么要认证？</a></div>
            </div>
            <div class="tabs-bd">
                <div class="tabs-panel">
                    <table width="80%" border="0" cellspacing="0" cellpadding="0">
                        <tr>
                            <td width="12%" align="right">
                                &nbsp;
                            </td>
                            <td width="17%" height="40" align="right">
                                &nbsp;
                            </td>
                            <td width="71%">
                                &nbsp;
                            </td>
                        </tr>
                        <tr>
                            <td align="right">
                                &nbsp;
                            </td>
                            <td height="40" align="right">
                                <span class="fc-red">*</span> 证件名称：
                            </td>
                            <td>
                                <input type="text" name="textfield" class="{required:true,maxlength:25}" runat="server"
                                    id="TxtName" />
                            </td>
                        </tr>
                        <tr>
                            <td align="right">
                                &nbsp;
                            </td>
                            <td height="40" align="right">
                                <span class="fc-red">*</span> 证件类型：
                            </td>
                            <td>
                                <select name="select" id="S_CertificateType" onchange="S_CertificateTypeChange(this);"
                                    runat="server">
                                    <option value="0">身份证</option>
                                    <option value="1">营业执照</option>
                                </select>
                            </td>
                        </tr>
                        <tr>
                            <td align="right">
                                &nbsp;
                            </td>
                            <td height="40" align="right">
                                <span class="fc-red">*</span> 证件号码：
                            </td>
                            <td>
                                <input type="text" id="TxtCertificateId" class="{required:true,maxlength:25}" runat="server">如果是营业执照，请填写执照号码；如果是个人身份证，请填写身份证号码
                            </td>
                        </tr>
                        <tr>
                            <td align="right">
                                &nbsp;
                            </td>
                            <td height="40" align="right">
                                <span class="fc-red">*</span> 持证件正面照：
                            </td>
                            <td>
                                <input type="file" name="fileField" class="{required:true}" id="TxtUpload" runat="server">
                            </td>
                        </tr>
                        <tr>
                            <td align="right">
                                &nbsp;
                            </td>
                            <td height="40" align="right">
                                &nbsp;
                            </td>
                            <td>
                                请参考下面的说明及示例提交手持证件的照片。仅支持500KB以下的图片文件(bmp,png,jpg,gif格式)
                            </td>
                        </tr>
                        <tr>
                            <td align="right">
                                &nbsp;
                            </td>
                            <td height="80" align="right">
                                &nbsp;
                            </td>
                            <td>
                                <input id="BtnSubmit" class="ui-btn-confirm" onserverclick="BtnSubmit_Click" runat="server"
                                    type="submit" value="认证申请" />
                            </td>
                        </tr>
                        <tr>
                            <td align="right">
                                &nbsp;
                            </td>
                            <td height="20" colspan="2" align="left">
                                &nbsp;
                            </td>
                        </tr>
                    </table>
                    <div class="page-row instructions clearfix">
                        <div class="line">
                        </div>
                        <div style="float: left; width: 320px; padding-top: 10px; margin-left: 20px;" class="left">
                            <ol class="ol-com">
                                <li>1、所提交的身份证明文件必须与所选择的证件类型相符</li>
                                <li>2、所填写的真实名称及证件号码必须准确无误</li>
                                <li>3、如果个人建议使用二代身份证</li>
                                <li>4、如果机构可直接上传营业执照;如果个人,照片须免冠，手持证件必须看清证件号码且证件完整</li>
                                <li><font style="color: red;">（请参照右图）</font></li>
                                <li>5、照片必须是原始照片，不得使用任何软件进行修改</li>
                            </ol>
                        </div>
                        <div style="float: left; width: 400px; padding-left: 30px; border: none; border-left: 1px solid #ddd;
                            line-height: 2em; text-align: center; padding-top: 10px;" class="right">
                            <img style="width: 400px;" src="http://sae.sina.com.cn/static/image/sample-photo.jpg">
                            <p>
                                示例照片</p>
                        </div>
                        <div class="clr">
                        </div>
                    </div>
                </div>
                <!--tabs-panel-->
            </div>
            <!--tabs-bd-->
        </div>
        <!--tabs-->
    </div>
</asp:Content>
